<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--设置标签图标-->
    <link href="favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/regist.css">
    <link rel="stylesheet" href="css/footer.css">
</head>
<body>
<!--头部-->
<div id="reg_header">
    <div class="reg_h_center">
        <div class="reg_h_left">
            <img src="images/logo.png" alt="">
            <h4>欢迎注册</h4>
        </div>

        <div class="reg_h_right">
            <a href="login.html">请登录</a>
            <span>已有账户</span>

        </div>
    </div>
</div>
<!--表单内容-->
<div id="reg_content">
    <div class="reg_content_left">
        <form action="#">

            <div>
                <label>用户名</label>
                <input type="text" placeholder="请输入用户名">
            </div>
            <div>
                <label>密码</label>
                <input type="text" placeholder="请输入用户名">
            </div>
            <div>
                <label>确认密码</label>
                <input type="text" placeholder="请输入用户名">
            </div>
            <div>
                <label>电话</label>
                <input type="text" placeholder="请输入用户名">
            </div>
            <div class="check_box">
                <label>验证码</label>
                <input type="text">
                <img src="images/check_code.png" alt="">
            </div>
            <div class="submit_button">
                <input type="submit" value="立即注册">
            </div>

        </form>
    </div>
    <div class="reg_content_right">
        <a href="#">
            <img src="images/reg_right.png" alt="">
        </a>
    </div>
</div>

<!--尾部-->
<div id="footer">
    <div class="link">
        <a href="#">关于我们</a>
        |
        <a href="#">联系我们</a>
        |
        <a href="#">人才招聘</a>
        |
        <a href="#">商家入驻</a>
        |
        <a href="#">广告服务</a>
        |
        <a href="#">手机码蚁</a>
        |
        <a href="#">友情链接</a>
        |
        <a href="#">销售联盟</a>
        |
        <a href="#">码蚁社区
        </a>
        |
        <a href="#">码蚁公益</a>
    </div>
    <div class="copyrigth">
        Copyright&nbsp;&copy;&nbsp;2017-2018&nbsp;&nbsp;码蚁My.com&nbsp;版权所有
    </div>
</div>

</body>
</html>